<template>
    <el-container style="height: 100%">
        <Aside></Aside>
        <el-container>
            <el-header><Header></Header></el-header>

            <!--tab组件-->
            <el-main class="el-tab">
                <div>
                    <tab-component></tab-component>
                    <keep-alive>
                        <div style="background-color: white" >
                            <router-view/>
                        </div>
                    </keep-alive>
                </div>
            </el-main>

        </el-container>
    </el-container>
</template>

<script>
    import Aside from '../components/Aside'
    import Header from '../components/Header'
    import TabComponent from '../components/TabComponent'
    export default {
        name: "Menu",
        components:{Aside,Header,TabComponent},
    }
</script>

<style scoped>
    .el-tab{
        background-color: #F0F0F7;
        padding: 0px;
        border-top: 1px solid #f2f3f6;
    }
</style>
